<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/03.css" />
  </head>

  <body>
    <div id="box1">
      <div id="top">
        <img src="pic/title2.png" />
        <li>
          <span>HOME</span>
          <span>WORK</span>
          <span>CONTECT</span>
          <span>JOIN US</span>
        </li>
      </div>

      <div id="content">
        <div class="head">
          <ul>
            <img src="img/58bf8b14867c3.jpg" />
            <p>动画短片《旅行者大意了》</p>
            <span></span>
            <span></span>
          </ul>
        </div>

        <div class="body">
          <p>
            Infini Studio
            （映纷创意）是一家以动画和设计为驱动的独立创意机构。我们运用多样化的创作形式，为品牌提供丰富多元的跨媒体整合创意营销。
          </p>
          <ul class="1">
            <li><img src="pic/1.jpg" /></li>
            <li><img src="pic/2.jpg" /></li>
            <li><img src="pic/3.jpg" /></li>
            <li><img src="pic/4.jpg" /></li>
            <li><img src="pic/5.jpg" /></li>
            <li><img src="pic/6.jpg" /></li>
            <li><img src="pic/7.jpg" /></li>
            <li><img src="pic/8.jpg" /></li>
            <li><img src="pic/9.jpg" /></li>
            <li><img src="pic/10.jpg" /></li>
            <li><img src="pic/11.jpg" /></li>
            <li><img src="pic/12.jpg" /></li>
            <li><img src="pic/13.jpg" /></li>
            <li><img src="pic/14.jpg" /></li>
          </ul>
        </div>
      </div>
    </div>

    <div id="box2">
      <ul>
        <li class="c1">
          <a href="#"><img src="img/01.jpg"/></a>
          <p>
            <a href="#">KaKaoFriends</a>
          </p>
        </li>

        <li class="c1">
          <a href="#"><img src="img/02.jpg"/></a>
          <p>
            <a href="#">氧气实验室</a>
          </p>
        </li>
        <li class="c1">
          <a href="#"><img src="img/03.jpg"/></a>
          <p>
            <a href="#">BT21</a>
          </p>
        </li>
        <li class="c1">
          <a href="#"><img src="img/04.jpg"/></a>
          <p>
            <a href="#">LineFriends</a>
          </p>
        </li>

        <li class="c1">
          <a href="#"><img src="img/05.jpg"/></a>
          <p>
            <a href="#">薄荷兔手帐</a>
          </p>
        </li>
        <li class="c1">
          <a href="#"><img src="img/06.jpg"/></a>
          <p>
            <a href="#">日山鹅鹅</a>
          </p>
        </li>
      </ul>
    </div>

    <div id="box3">
      <div class="foot">
        <ul>
          <li>
            <a href="#"><img src="pic/contact1.jpg"/></a>
          </li>
          <li>
            <a href="#"><img src="pic/contact2.jpg"/></a>
          </li>
          <li>
            <a href="#"><img src="pic/contact3.jpg"/></a>
          </li>
         </ul>
        

         <ul>
          <img src="pic/footer_logo.jpg" />
          <li>Infini Studio | 映纷创意</li>
          <li>北京市朝阳区常营</li>
          <li>TEL : 010-85394331</li>
          <li>QQ : 7585917</li>
          <li>Email : infinistudio@foxmail.com</li>
          <li>weibo : @InfiniStudio</li>
        </ul>
      </div>
    </div>
  </body>
</html>
